<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        
        <ui:define name="title">
           Detalhes do Bairro
        </ui:define>

        <ui:define name="content">

            
            <!--            Início das Ações-->

            <div class="actions">
                <div id="buttons">
                    <p:button value="Editar" outcome="criarBairro.xhtml"
                            icon="ui-icon-pencil"
                            styleClass="ui-priority-primary">
                        <f:param value="#{ managerPesquisarBairro.bairroVisualizar.id }" name="bairroId"/>
                    </p:button>
                
                    <p:button value="Pesquisar" outcome="indexBairro.xhtml"
                            icon="ui-icon-search"
                            styleClass="ui-priority-primary">
                        <f:param value="#{ managerPesquisarBairro.bairroVisualizar.id }" name="bairroId"/>
                        </p:button>
                    <p:button value="Excluir" outcome="indexBairro.xhtml"
                            icon="ui-icon-trash"
                            styleClass="botao_deletar">
                        <f:param value="#{ managerPesquisarBairro.bairroVisualizar.id }" name="bairroId"/>
                        </p:button>
                    
                </div>
                </div>
<!--            Inserir Método de Excluir-->
            
            <p:fieldset legend="Dados" id="dadosFieldset">

                <div class="row">
                    <div class="column2 bold">
                        <p:outputLabel value="Nome:" for="nomeBairroInputText" />
                    </div>
                    <div class="column8 text">
                        <p:outputLabel id="nomeBairroInputText" value="#{ managerPesquisarBairro.bairroVisualizar.nome }" />
                    </div>
                </div>

                <div class="row">
                    <div class="column2 bold">
                        <p:outputLabel value="Cidade:" for="cidadeAutoComplete" />
                    </div>
                    <div class="column8 text">
                        <p:outputLabel id="cidadeAutoComplete" value="#{ managerPesquisarBairro.bairroVisualizar.cidade.nome }" />
                    </div>
                </div>                    

            </p:fieldset>
            
<!--            <div class="command">
                <p:button value="Voltar" icon="ui-icon-arrowreturn-1-w" href="indexBairro.xhtml" />
            </div>                -->
                
        </ui:define>
    </ui:composition>

</html>